﻿<div id="myTab">
    <!-- 导航 -->
    <ul>
        <li class="active">
            <a href="#baseProp" data-toggle="tab">属性</a>
        </li>
        <li>
            <a href="#styleProp" data-toggle="tab">样式</a>
        </li>
         <li>
            <a href="#eventProp" data-toggle="tab">事件</a>
        </li>
    </ul>
    <!-- 内容 -->
    <form class="form-inline" role="form">
        <div id="baseProp">
            <div class="form-group">
                <label for="txtEName">英文名称：</label><input type="text" class="form-control" readonly="readonly" id="txtEName" />
            </div>
            <div class="form-group">
                <label for="txtCode">编码：</label><input type="text" class="form-control" readonly="readonly" id="txtCode" />
            </div>
            <div class="form-group">
                <label for="txtCName">中文名称：</label><input type="text" class="form-control" id="txtCName" />
            </div>
            <div class="form-group">
                <label for="shapeStyle">图形样式：</label><input type="text" class="form-control" id="shapeStyle" />
            </div>
        </div>
        <div id="eventProp">
            <div class="form-group">
                <label for="txtClickEvent">单击：</label>
                <input type="text" class="form-control" readonly="readonly" id="txtClickEvent" />
                <button type="button" class="btn btn-primary" onclick="btnClickEventConfig();">配置</button>
            </div>
            <div class="form-group">
                <label for="txtDBLClickEvent">双击：</label>
                <input type="text" class="form-control" readonly="readonly" id="txtDBLClickEvent" />
                <button type="button" class="btn btn-primary" id="btnDBLClickEvent">配置</button>
            </div>
            <div class="form-group">
                <label for="txtEnterEvent">进入：</label>
                <input type="text" class="form-control" readonly="readonly" id="txtEnterEvent" />
                <button type="button" class="btn btn-primary" id="btnEnterEvent">配置</button>
            </div>
            <div class="form-group">
                <label for="txtBlurEvent">离开：</label>
                <input type="text" class="form-control" readonly="readonly" id="txtBlurEvent" />
                <button type="button" class="btn btn-primary" id="btnBlurEvent">配置</button>
            </div>
            <div class="form-group">
                <label for="txtKeyUpEvent">按键：</label>
                <input type="text" class="form-control" readonly="readonly" id="txtKeyUpEvent" />
                <button type="button" class="btn btn-primary" id="btnKeyUpEvent">配置</button>
            </div>
        </div>
        <div id="styleProp">
            <div class="form-group">
                <label for="radioSingleSelect">选择样式：</label>
                <select class="form-control" style="margin-left:-5px;" id="radioSingleSelect">
                    <option value="1" id="circle">圆形</option>
                    <option value="2" id="CRect">圆角矩形</option>
                    <option value="3" id="SRect">尖角矩形</option>
                    <option value="4" id="RDLineMarker">右下箭头</option>
                    <option value="5" id="RULineMarker">右上箭头</option>
                    <option value="6" id="ULineMarker">上箭头</option>
                    <option value="7" id="DLineMarker">下箭头</option>
                    <option value="8" id="LLineMarker">左箭头</option>
                    <option value="9" id="RLineMarker">右箭头</option>
                    <option value="10" id="HLine">横线</option>
                    <option value="11" id="VLine">竖线</option>
                    <option value="12" id="LLine">左斜线</option>
                    <option value="13" id="RLine">右斜线</option>
                </select>
            </div>
            <div class="form-group" style="width:100%">
                <label for="LineWidth">线条宽度：</label><input type="text" class="form-control" id="LineWidth"/>
            </div>
            <div class="form-group" style="width:100%" id="LColor">
                <label for="LineColor">线条颜色：</label><input type="text" name="LineColor" id="LineColor"/>
            </div>
            <div class="form-group" id="SColor">
                <label for="ShapeColor">图形颜色：</label><input type="text" name="ShapeColor" id="ShapeColor" />
            </div>
        </div>
    </form>
</div>